<template>
    <div class="indexTop">
            <div class="topTitle"><span>云康达自助充值缴费系统</span></div>
            <div class="topTime">
                <div class="topTimeLeft">2018-12-18 星期二</div>
                <div class="topTimeRight">11：20：36</div>
            </div>
        </div>
</template>
<script>
export default {
    name: 'Top',
    data () {
        return {
        
        }
    }
}
</script>
<style>
.indexTop {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    color: #ffffff;
    background-color: #36c3ca;
}
.topTitle {
    height: 30px;
    line-height: 28px;
    display: flex;
    font-size: 20px;
    margin: 0 20px;
    color: #ffffff;
}
.topTime {
    height: 30px;
    line-height: 28px;
    display: flex;
    font-size: 14px;
    margin: 0 20px;
}
.topTimeRight {
    margin-left: 10px;
    font-size: 18px;
}
</style>
